/*
Version:0.0.0.0
Copyright:ProgrammingCanRuinYourLife.cn

首页布局
    产品排放 3列4行 12个
    推荐,新品 两行两列
*/



@import url("lib/layout_twoColumnsAB.css");
@import url("site.css");



/* #Column-A,#Column-B 继承自 layout_twoColumnsAB.css */
#Column-B {
		position: relative;
}
#Column-B .column-left
{
		margin-right:180px;
	  
}
#Column-B .column-right
{
	  position: absolute; top:0; right:0;
	  width:172px;
}



/*-- #catalog ------------------------------*/
#catalog 
{
	  padding:15px 0 0 0;
		border-top:1px solid gray;
		font-size:14px;
}
#catalog a
{
	  font-size:14px;
}
#catalog dt 
{
		margin-top: 20px;
}
#catalog dd
{
		line-height:1.5em;
}
/*-- end #catalog -------------*/



/*--  .box-A ---------------------------*/
.box-A 
{
	  width:100%;height:380px; /* 100*2 + 20*2 + 8*2 */
	  padding:1px 1px 3px 0;
	  border-top:1px solid gray;
	  background:#99ccff;
}
.box-A .caption
{
		width:100px; padding:3px 0 3px 6px;
		margin:1px 1px 1px 10px;
		border:1px solid gray;
		background:#cc9;
		color:#600;
}
.box-A li
{
	  width: 49%; height:176px;overflow:hide; /* ~950/4 */
	  margin:1px 1px 1px 0;
	  float:left;
	  text-align:center;
	  border:1px solid gray;
	  background:#eee;
}
.box-A li h3
{
		text-align:center;
	  padding:2px 6px;
	  color:#006699;
}
.box-A img
{
	   width:130px; max-height:120px !important; height:120px;
}
.box-A span
{
	  display:block;overflow:hidden;
}
.box-A span.txt
{
	  padding:0 0 0 10px;
		text-align:left;
}
/*-- end .box-A -------------------*/



.box-B 
{
		margin-top:10px; padding:5px;  
		font-size:14px;
		line-height:1.5em;
	 	background:#ccf; 
}
.box-B .caption
{
		font-size:16px;font-weight:bold;
		color:#099;
}